<template>
	<div class="empty-container">
		<Icon type="empty" />
		<p>{{ text }}</p>
	</div>
</template>

<script>
import Icon from '@/components/Icon'
export default {
	name: 'Empty',
	components: { Icon },
	props: {
		text: {
			type: String,
			default: '暂无数据',
		},
	},
}
</script>

<style lang="less" scoped>
@import '~@/styles/basic/var.less';
.empty-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: @gray;
	i {
		font-size: 3.5rem;
	}
	p {
		margin-top: 6px;
	}
}
</style>
